<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Wijmo</title>
    <link href="explore/css/welcome.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="explore/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="explore/js/modernizr.custom.js"></script>
    <script type="text/javascript" src="explore/js/jquery.smooth-scroll.min.js"></script>
</head>
<body>
    <div id="conatainer">
        <div class="left">
            <div class="padder">
                <h1 id="logo">
                    <a href="#intro">Logo</a></h1>
                <ul id="menu">
                    <li id="explore-menu"><a href="#explore">Explore</a></li>
                    <li id="documentation-menu"><a href="#documentation">Documentation</a></li>
                    <li id="source-menu"><a href="#source">Source Code</a></li>
                    <li><a href="http://wijmo.com/forums/">Forums<img class="new-window" src="explore/css/images/new-window.png" width="16" height="16"></a></li>
                    <li><a href="http://wijmo.com/widgets/license/">Licensing<img class="new-window" src="explore/css/images/new-window.png" width="16" height="16"></a></li>
                </ul>
            </div>
        </div>
        <div class="right">
            <section id="intro" class="nosidebar">
                <article>
                    <div class="padder">
                        <h2>
                            Get Started</h2>
                        <!--<video controls id="vid1" width="420">
                            <source src="http://cdn.wijmo.com/movies/wijmo.theora.ogv" type='video/ogg; codecs="theora, vorbis"'>
                            <source src="http://cdn.wijmo.com/movies/wijmo.mp4video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
                        </video>-->
                        <iframe src="http://player.vimeo.com/video/49037946" width="500" height="375" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
                        <p>
                            Welcome to Wijmo! To get started you can explore our <a href="#explore">demos</a>, read our <a href="#documentation">documentation</a> or <a href="#source">jump right into development</a>. 
                        </p>
                        <p>
                            <a class="button" href="http://wijmo.com/wiki/index.php/Getting_Started_with_Wijmo">Learn More</a>
                        </p>
                    </div>
                </article>
            </section>
            <section id="explore" class="nosidebar">
                <article>
                    <div class="padder">
                        <h2>
                            Explore</h2>
                        <p>
                            Explore all of Wijmo in this demo. It showcases every Wijmo widget and highlights specific features for each widget. Every sample displays the source code used to create it. If you want to see what Wijmo has to offer, you should check out this demo.
                        </p>
                        <p>
                            <a class="button-red" href="explore.html">Launch</a>
                        </p>
                    </div>
                </article>
            </section>
            <section id="documentation" class="nosidebar">
                <article>
                    <div class="padder">
                        <h2>
                            Documentation</h2>
                        <ul>
                            <li><a title="Getting Started with Wijmo" href="http://wijmo.com/wiki/index.php/Getting_Started_with_Wijmo">Getting Started with Wijmo</a></li>
                            <li><a title="Wijmo Loves ThemeRoller: An Overview" href="http://wijmo.com/wiki/index.php/Wijmo_Loves_ThemeRoller:_An_Overview">Wijmo Loves ThemeRoller: An Overview</a></li>
                            <li><a title="Wijmo Quick Start" href="http://wijmo.com/wiki/index.php/Wijmo_Quick_Start">Wijmo Quick Start</a></li>
                            <li><a title="Using Wijmo with Knockout" href="http://wijmo.com/wiki/index.php/Using_Wijmo_with_Knockout">Using Wijmo with Knockout</a></li>
                            <li><a title="Version Histories" href="http://wijmo.com/wiki/index.php/Version_Histories">Version Histories</a></li>
                        </ul>
                    </div>
                </article>
            </section>
            <section id="source" class="nosidebar">
                <article>
                    <div class="padder clearfix">
                        <h2>
                            Source Code</h2>
                        <ul class="folder-list-left">
                            <li><a href="Wijmo-Complete"><strong>Wijmo Complete</strong></a>
                                <ul>
                                    <li><a href="Wijmo-Complete/js">Combined JS</a></li>
                                    <li><a href="Wijmo-Complete/development-bundle/wijmo">Individual Widgets JS</a></li>
                                    <li><a href="Wijmo-Complete/css">Combined CSS</a></li>
                                    <li><a href="Wijmo-Complete/development-bundle/themes/wijmo">Individual Widget CSS</a></li>
                                    <li><a href="Wijmo-Complete/development-bundle/themes">Themes</a></li>
                                </ul>
                            </li>
                        </ul>
                        <ul class="folder-list-right">
                            <li><a href="Wijmo-Open"><strong>Wijmo Open</strong></a>
                                <ul>
                                    <li><a href="Wijmo-Open/js">Combined JS</a></li>
                                    <li><a href="Wijmo-Open/development-bundle/wijmo">Individual Widgets JS</a></li>
                                    <li><a href="Wijmo-Open/css">Combined CSS</a></li>
                                    <li><a href="Wijmo-Open/development-bundle/themes/wijmo">Individual Widget CSS</a></li>
                                    <li><a href="Wijmo-Open/development-bundle/themes">Themes</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </article>
            </section>
            <footer>
                <div class="padder">
                    <p>
                        &copy; 2012 ComponentOne a division of GrapeCity All Rights Reserved. All product and company names herein may be trademarks of their respective owners.</p>
                </div>
            </footer>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {

            $('a').smoothScroll();

        });
</script>
</body>
</html>
